<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Bienvenido al Gimnasio Inteligente</title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html{
                height: 100%;
            }
            body{
                height: 80%;
            }
            .ui-layout-north {
                z-index:20 !important;
                overflow:visible !important;;
            }
            .ui-layout-north .ui-layout-unit-content {
                overflow:visible !important;
            }   
            .ui-layout-unit-content{
                overflow:visible !important;
            }
            .ui-autocomplete input { /*Amplia tamaño de campo de Texto Autocompletar*/
                width:300px;
            }
            .ui-calendar input{
                width:250px;
            }
        </style>
    </h:head>
    <h:body style="background-image: resources/img/gimnasioFondo.jp">
        <p:layout fullPage="true" >  

            <p:layoutUnit position="north" size="100" 
                          resizable="false" closable="false" collapsible="false" header="BIENVENIDO A SMART GYM">  
                <!--Encabezado o Menu Bar que es de Layout -->
                <h:form id="frmMenu">
                    <p:menubar>   
                        <p:menuitem value="Inicio" url="inicio.xhtml" icon="inicio" />  
                        <p:submenu  label="Administracion de Deportistas" icon="administracion" >  
                            <p:menuitem value="Crear" url="crearDeportistas.xhtml" icon="usuario"/>  
                            <p:menuitem value="Asociar Rutinas" url="administrarPerfiles.xhtml" icon="permisos"/>
                            <p:menuitem value="Ajustar -re plan" url="administrarAreas.xhtml" icon="areas"/>
                        </p:submenu>  

                        <p:submenu label="Charlas - Foros - Eventos" icon="baseConocimiento" >  
                            <p:menuitem value="Crear nuevo Evento" url="creacionEventos.xhtml" icon ="categorias"/>   
                            <p:menuitem value="Programación Eventos" url="programacionEventos.xhtml" icon ="solucion"/>   
                        </p:submenu>  

                        <p:submenu label="Reportes" icon="incidencia">
                            <p:menuitem value="Historial de Usuariio" url="IncidenciasxResolver.xhtml" icon="mio"/> 
                            <p:menuitem value="Perfiles Similares" url="perfilesSimilares.xhtml" icon="problema" />
                            <p:menuitem value="Bajos Desempeños" url="desempenoBajo.xhtml" icon="solucion"/> 
                            <p:menuitem value="Pagos realizados" url="informePagos.xhtml" icon="asociar"/> 
                        </p:submenu> 
                        <p:submenu label="Máquinas de Ejercicios"  icon="candado" >  
                            <p:menuitem value="Asoc Máquina-Usuario" url="asociarMaquinaUsuario.xhtml" icon="mio"/> 
                        </p:submenu> 
                    </p:menubar>
                </h:form> 
            </p:layoutUnit> 
            <!--*************************************************************************** -->           
            <!-- Panel central o Contenedor  -->

            <p:layoutUnit position="center" size="900" 
                          style="border-bottom: transparent; 
                          border-top: transparent; 
                          border-left: transparent; 
                          border-right: transparent"> 
                <img src="resources/img/gimnasioFondo.jpg" width="1600px">
                </img>
                 
            </p:layoutUnit>

            <p:layoutUnit position="south" size="70" header="" resizable="false" closable="false" collapsible="false" 
                          style="text-align:center; font-size: 12px;" >  
                <h:outputText value="Gimnasio Inteligentes" /> <br /> 
                <h:outputText value="Corporaci&oacute;n universitaria Minuto de Dios" />  <br />
                <h:outputText value="Desarrollado por: Yinna Martinez y Diego Babativa" /><br />
            </p:layoutUnit> 
        </p:layout>
    </h:body>
</html>

